<template>
  <footer id="blog-footer">
    <div class="footer-container">
      supernova.top |
      <a href="https://icp.chinaz.com/home/info?host=supernova.top" target="_blank">鲁ICP备2021029662号-1</a>
    </div>
  </footer>
</template>

<script setup lang="ts">

</script>

<style lang="less">
  #blog-footer{  
    width:100%;
    text-align:center;
    background:rgba(255,255,255,.6);
    backdrop-filter: blur(5px);
    .footer-container{
      >a{
        &:hover{
          color:#51ACF5;
        }    
      }
    }   
  }
  @media screen and (min-width: 1049px) {
    #blog-footer{
      height:72px;
      line-height:72px;
      .footer-container{
        width:1150px;
        margin:0 auto;
        position: relative;
        left:-53px;
      }
    }
  }
  @media screen and (max-width: 1050px) {
    #blog-footer{
      height:1.44rem;
      line-height:1.44rem;
    }
  }
</style>